$(function () {
    var winWidth = $(window).width();
    //Initiat WOW JS
    new WOW({animateClass: 'animated'}).init();
    //smoothScroll
    smoothScroll.init();

// User define function
    var Scroll = function () {
        var contentTop      =   [];
        var contentBottom   =   [];
        var winTop      =   $(window).scrollTop();
        var rangeTop    = winWidth > 768 ? 200 : 90;
        $('.navbar-collapse').find('.scroll a').each(function(){
            contentTop.push( $( $(this).attr('href') ).offset().top);
            contentBottom.push( $( $(this).attr('href') ).offset().top + $( $(this).attr('href') ).height() );
        })
        $.each( contentTop, function(i){
            if ( winTop > contentTop[i] - rangeTop ){
                $('.navbar-collapse li.scroll')
                    .removeClass('active')
                    .eq(i).addClass('active');
            }
        })
    };

    $('.navbar-collapse ul li a').on('click', function() {
        $('html, body').animate({scrollTop: $(this.hash).offset().top - 5}, 1000);
        return false;
    });
    // Navigation Scroll
    $(window).scroll(function(event) {
        Scroll();
    });

    //首页 轮播
    var swiper = new Swiper('.banner-swiper-container', {
        pagination: {
            el: '.banner-swiper-pagination',
            clickable: true,
            renderBullet: function (index, className) {
                return '<div class="pagiCont"><span class="swiper-pagination-customs ' + className + '"></span></div>';
            },
        },
        loop:true,
        autoplay:{
            delay:5000,
            //如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay
            disableOnInteraction:false
        },
        lazy: {
            loadPrevNext: false,
        }
    });
    //给首页banner轮播的 分页器注册hover事件
    $('div.pagiCont').on("mouseenter",function () {
        var idx = $(this).index();
        swiper.slideTo(idx + 1);
    })

    var platTextMap = {
        h:['优雅美学','微信联系'],
        t:['专业化一站式的医美第三方平台','整形顾问在身边'],
        a:['优雅美学APP（电商平台、咨询服务平台、客户服务中心）拥有全方位的医疗保障体系、精准高效的需求对接、平台极致的用户体验，已为上万爱美人士在线提供了专业的电商、资讯、社交和咨询服务。',
            '关注“优雅美学”微信公众号，第一时间掌握前沿的微整形资讯，免费为您解答各种整形美容疑惑，为您提供最流行、最专业、最安全的整形美容建议与服务。'],
        e:['点击这里，下载优雅美学APP','点击这里，关注优雅美学公众号']
    }
    //plat 切换事件
    $('.plat-footer > span .hvr-bounce-to-bottom-white').on("mouseenter click",function () {
        var  $this = $(this),idx = $this.parent().index();

        if($this.hasClass('active')){
            return
        }
        //切换图片
        $('.plat-left-item').hide();
        $('.plat-left-item').eq(idx).fadeIn();
        //切换 active
        $('.hvr-bounce-to-bottom-white').removeClass('active');
        $this.addClass('active');
        //切换文字
        $('.plat-right > h1').text(platTextMap['h'][idx]);
        $('.plat-right > div.title').text(platTextMap['t'][idx]);
        $('.plat-right > p').text(platTextMap['a'][idx]);
        $('.plat-right .app-btn').text(platTextMap['e'][idx]);

        $('#erwema .mask img').addClass('hide').eq(idx).removeClass('hide');

    })

    //合作伙伴轮播
    var partSwpierLength = winWidth > 768 ? 5 : ( winWidth > 479 ? 3 : 2 ) ;

    var partnerSwiper =  new Swiper('.partner-swiper-container', {
        slidesPerView: partSwpierLength,
        spaceBetween: 30,
        navigation: {
            nextEl: '.partner-swiper-button-next',
            prevEl: '.partner-swiper-button-prev',
        },
        lazy: {
            loadPrevNext: false,
        },
    });


    //    二维码点击事件
    $('.plat-right .app-btn').on("click",function () {
        $('#erwema').removeClass('hide');
        //禁止滚动
        $('body').css({'height':'100px','overflow':'hidden'});
    })
    $('#erwema').on("click",function () {
        $(this).addClass('hide');
        //恢复滚动
        $('body').css({'height':'auto','overflow':'auto'});
    })


})
